<template>
  <view class="container">
    <hb-card>
      <view v-html="data.agreement">
         
      </view>
    </hb-card>
  </view>
</template>

<script>
import HbCard from "@/components/hb-card";
import {
		shopDetail
	} from '@/api/shop';
export default {
  name: "index",
  components: {HbCard},
  data() {
  	return {
  		id: 0,
		data:{}
	  }
  },
  onLoad(options) {
  	this.id = options.id
  },
  onShow(){
  	this.getDtail()
  },
  methods:{
	  //获取产品详情
	  getDtail() {
	  	var time = Math.round(new Date().getTime() / 1000);
	  	var data = {
	  		id: this.id,
	  		time: time
	  	}
	  	shopDetail(data).then(res => {
	  		this.data = res.data
	  	})
	  },
  }
}
</script>

<style scoped lang="scss">
  page {
    background: $hb-bg;
  }
  .container {
    background: $hb-bg;
    min-height: 100%;
    overflow: hidden;
    padding: 20rpx;
    padding-bottom: 80rpx;
    box-sizing: border-box;
    .title {
      display: block;
      padding: 20rpx;
      color: $hb-title-color;
      font-size: 36rpx;
      font-weight: bold;
      text-align: center;
    }
    .subtitle {
      font-size: 30rpx;
      display: block;
    }
    .text {
      font-size: 26rpx;
      display: block;
      color: $hb-text-color;

    }
    .content {
      color: $hb-text-color;
    }
  }
</style>
